<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app">
        <select name="provice">
            <option value="0">--请选择省份--</option>
        </select>
    </div>
</body>
<script src="./data/data.js"></script>
<script>
    const provice = document.querySelector("select[name=provice]");
    // 1
    // for(let key in cityJson["0"]){
    //     console.log(key,cityJson[0][key]);
    // }

    // 2:可以将对象转为数组
    // let obj = {
    //     a:1,
    //     b:2
    // };
    // console.log(Object.keys(obj));// 将对象obj所有的属性拼接成一个数组
    // console.log(Object.keys(cityJson[0]))
    Object.keys(cityJson["0"]).forEach(key=>{
        provice.innerHTML+=(`
            <option value="${key}">${cityJson["0"][key]}</option>
        `)
    })
</script>
</html>